<div class="xq-sentence-card actived-card defCardTpl xq-card-bottom-bg" >
	<div>
		<div class="main-pic xq-circle-img">
			<img crossorigin="anonymous" pre-view-ele :src="getImage(tplData.img,'def-card-main-img')" id='def-card-main-img'>
		</div>
		<div class="xq-sentence-from">
			<div pre-view-ele v-html="handleTitle(tplData.title)"></div>
		</div>
		<div class="xq-sentence-witer">
			<div pre-view-ele v-html="tplData.writer" class="writer-info"></div>
		</div>
		<div class="xq-sentence">
			<div pre-view-ele v-html="handleContent(tplData.contentText)"></div>
		</div>
	</div>
	<!-- <img src='../images/card-little-bg001.png' class="xq-bg-like"/> -->
</div>
<style>
	.defCardTpl{
		/* height: 100%; */
		min-height: 100%;
	}
	.defCardTpl .main-pic img{
		opacity: 0.7;
	}
	.defCardTpl img.xq-bg-like{
		bottom: 4rem;
	}
	.defCardTpl .xq-sentence{
		font-family: "hanyikaitijinan";
		font-size: 1.3rem;
	}
	.defCardTpl textarea{
		background-color: transparent;
		border: none;
		text-align: center;
		border: 1px dashed lightgray;
	}
	.defCardTpl .xq-sentence-from{
		margin-top: 1rem;
		font-family: "hanyikaitijinan";
		font-size: 1.4rem;
		font-weight: bold;
	}
	.defCardTpl .xq-sentence-witer{
		font-family: "hanyikaitijinan";
		font-size: 1.2rem;
		padding-top: 6px;
	}
	.defCardTpl input{
		background-color: transparent;
		border: none;
		text-align: center;
		border: 1px dashed lightgray;
	}
</style>
<script>
	
	
</script>